﻿.content{width: 1200px;margin: 0 auto;}
.header{position: fixed;top:35px;width: 100%;height: 60px;z-index: 12;transition: all .35s ease-in-out;}
.header .content{display: flex;}
.header .logoBox{width: 155px;height: 100%;line-height: 55px;}
.header .logoBox img{max-width: 100%;max-height: 100%;vertical-align: middle;display: inline-block}
.header .nav{line-height: 60px;margin: 0px 0px 0px 30px;}
.header .nav ul{display: flex;}
.header .nav ul li{position:relative}
.header .nav ul li>a{padding: 0 20px;display: block;font-size: 14px;color: #fff;position: relative;}
.header .nav ul li>a:after{position: absolute;content: "";top:calc(50% - 6px);right:0;width: 1px;height: 12px;background: #fff;}
.header .nav ul li:last-child a:after{display: none;}
.header .nav ul li:hover>a,.header .nav ul li.active>a{font-weight: bold;}
.header form{position: relative;height: 24px;margin: 20px 0px 0px 78px;}
.header form input[type=text]{display:none;position: absolute;top:24px;background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.3);right: 0;border: 0;line-height: 30px;height: 30px;padding: 0 10px;border-radius: 3px;}
.header form input[type=submit]{width: 24px;height: 24px;border: 0;background: url(../img/search.png) center center no-repeat;}
.header form:hover input[type=text]{display: block;}
.header .content .en{font-size:16px;color:#fff;height: 40px;position: relative;top: 10px;line-height: 40px;}
.header .content .en:before{width:1px;height: 13px;background:#fff;content:"";display:inline-block;margin: 0px 10px 0px 10px;position: relative;top: 1px;}

.header .nav dl{position:absolute;top:60px;background: rgb(0,82,221,0.8);width: 150px;left: calc(50% - 75px);display:none;/* border: 1px solid #aaa; */background: #fff;box-shadow: 0 0 6px rgba(0,0,0,.2);max-height: calc(100vh - 180px);overflow-y: auto;}
.header .nav dl>dt.hasdl>a{position:relative;display: block;width: 100%;height: 100%;padding: 0 10px;box-sizing: border-box;font-size: 14px;}
.header .nav dl>dt.hasdl>a:after{background:url(../img/arrow.png) right center no-repeat;content:"";width:22px;height: 40px;position:absolute;background-size: 40px;}
.header .nav dl dt{line-height: 30px;text-align:center;/* margin:10px 0; */position:relative;box-sizing: border-box;}
.header .nav dl dt:after{width:90%;height:1px;background: #ccc;content:"";position:absolute;left:5%;top:0;}
.header .nav dl dt:first-child::after{display:none}
.header .nav dl dt a{color:#fff;padding: 3px 0;font-size: 12px;color: #333;}
.header .nav dl dt a:hover{color:#004ba8;}
.header .nav dl dt dl{position:absolute;top: -1px;left: 180px;border: 1px solid #666;width: 200px;/* border-top: 0; */}
.header .nav dl dt dl dt{height:40px}
.header .nav dl dt dl dt a{font-size:14px;font-size: 12px;}
.header .nav dl dt dl dt:first-child{position:relative}
/* .header .nav dl dt dl dt:first-child:after{position:absolute;content:"";width:1px;height: 40px;background:#000;top: 0;left: -1px;display:block} */
/* .header .nav dl dt:hover dl{display:block}
.header .nav ul li:hover>dl{display:block} */
.header.headerBlank{background: #252930;border: 0;background: #fff;box-shadow:0 2px 5px rgba(0,0,0,.1)}
.header.headerBlank ul li a{color:#000}
.menu{display: none;}
.search,.searchCon{display: none}

.footer{background: #282828;overflow: hidden;}
.footer .row{margin-top: 3.1vw;display: flex;justify-content: space-between;padding-bottom: 15px;border-bottom: 2px solid #343434;overflow: hidden;}
.footer .row ul{display: flex;}
.footer .row ul li{width: 130px;margin-right: 70px;}
.footer .row ul li>a{font-size: 20px;color: #fff;line-height: 30px;display: block;padding-bottom: 20px;border-bottom: 1px solid #343434;transition: 0.5s;}
.footer .row ul li:last-child{margin-right:0}
.footer .row ul li:hover>a{color: #bbb;}
.footer .row ul li dl{margin: 10px 0 15px 0px;}
.footer .row ul li dl dd{line-height: 30px;font-size: 14px;}
.footer .row ul li dl dd a{color: #e6efff;transition:0.5s all ease;}
.footer .row ul li dl dd:hover>a{color:#bbb;}
.footer .row .footLogo{margin-top: 95px;margin-right: 45px;}
.footer .row .footLogo img{max-height: 55px;}
.footer .copyRight{margin: 20px auto;text-align: center;}
.footer .copyRight,.footer .copyRight a{line-height: 30px;font-size: 14px;color: #fff;}
.footer .row ul li.li2{display:none;}
.footer .row ul li.li5{display:none;}
.footer .row ul li.li6{display:none;}
.footer .row ul li.li7{display:none;}
.footer .row ul li.li8{display:none;}
.footer .foot1{padding: 35px 0px 4.5vw 0px;}
.footer .foot1 a{color:#fff;font-size:14px;line-height: 30px;margin: 0px 0px 0px 20px;}
.footer .foot1R{float:right;}
.footer .foot1L{float:left;color:#fff;}
.footer .foot1L select{background:unset;color:#fff;width:90px;height:28px;line-height:28px;border:1px solid #fff;text-indent:5px;}


.productBox .header{top:0px;height:130px;background: #2e3139;padding: 35px 0px 0px 0px;box-sizing: border-box;position: relative;transition: 0s;}
.productBox .header.fixed{position: fixed;top: 0px;width: 100%;height: 60px;z-index: 12;transition: all .35s ease-in-out;padding: 0px;}






@media only screen and (max-width: 880px) {
	.banner{height:67vw}
    .bannerPC{/* display: none; */}
    .bannerM{display: block}
    .banner .content{line-height:67vw;}
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{margin-bottom: 2vw;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2vw}
    .banner .Txt{line-height: 26px;}


	body{min-width: auto;}
	.content{width: 100%;}
    .header{border-top:0;height: 15.3vw;/* border-bottom: 1px solid #ececec; */border-bottom: 0;background: #000000;top: 0;}
	.header .content{display:block;position: relative;}
	.header .logo{line-height: 15.3vw;height: 15.3vw;border-right: 0;text-align: center;background: #0052dd;display: block;padding-right: 4vw;}
	.header .logo img{max-height: 10vw;/* height: 30%; */}
	.right{float:none;/* display: none; */}
	.header .lang{border-bottom:0;width: 32vw;line-height: 15.3vw;}
	.header .lang a{margin:0 5px}
	.navM{display:block}
	.navPC{display:none}
	.header .nav{display:none;width: 100%;position: absolute;top: 16vw;z-index: 11;background: #000000;top: 15.3vw;left: 0;width: 100%;background: rgba(0,75,168,0.9);overflow-y: scroll;height: calc(100vh - 15.3vw);margin: 0px;}
	.header .nav ul{display:block;height: auto;margin-top: 2vw;padding-bottom: 2vw;}
	.header .nav ul li{width:100%}
	.header .nav ul li>a{position:relative;line-height:10vw;border-bottom:0;text-align: left;padding-left: 20px;padding-right: 20px;font-weight: lighter;color: #bbb;display: block;color: #fff;}
	.header .nav ul li>a:after{background:0}
	.header .nav ul li>a+span{position:absolute;width: 10vw;height: 10vw;content:"";background: url(../img/arrow.png) center center no-repeat;right: 5px;top: 0;z-index: 10;transform: rotate(-90deg);background-size: 13px;}
	.header .nav ul li>a+span.slide{transform:rotate(0deg)}
	.header .nav ul li.active>a{border-bottom:0;color: #0c4da2;color: #fff;}
	.header .nav ul li:hover>dl{display:none}
	.header .nav dl{position:unset;width: auto;background:0;box-shadow: none;margin-left: 13vw;max-height: unset;overflow: unset;}
	.header .nav dl dt{line-height: 7vw;text-align: left;}
	.header .nav dl dt a{color: #eee;font-size: 12px;}
	.header .nav dl dt:after{display:none}
	.header .nav dl dt a:hover{color:#fff;font-weight:bold;}

	.header .menu{display:inline-block;width:15.6vw;height:15.6vw;background:url(../img/menu.png) center center no-repeat;background-size: 7vw;/* margin-right: 2.6vw; */position: absolute;top: 0;}
    .header .logoBox{width:100%;position: relative;}

    .header form{position:absolute;width:15.3vw;height:15.3vw;background:red;right: 35px;top:0;margin:0;background:url(../img/search.png) center center no-repeat;}
	.header form input[type=text]{display:none;top:16vw;right: 3vw;padding-right: 12vw;height: 8vw;}
	.header form input[type=submit]{position:absolute;display:none;top: 16vw;width: 9vw;height: 8vw;right: 3vw;background: #0052dd url(../img/search.png) center center no-repeat;border-radius: 0;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
	.header form:hover input{display:block}
	a.search{display: block;width:13vw;height: 15.3vw;position: absolute;top:0;right: 0;background: url(../img/searchW.png) center center no-repeat;background-size: 5vw;}
	.searchCon{width:100vw;position:absolute;top: 15.3vw;right: 0;padding: 2vw 5vw;background: #fff;box-sizing: border-box;display: none;}
	.searchCon form{width: 100%;height: 37px;line-height: 37px;display: flex;justify-content: space-between;border-bottom: 1px solid #565656;}
    .searchCon form input{border: 0;width: 300px;}
    .searchCon form input[type=submit]{width: 20px;height: 37px;background: url(../img/search.png) center right no-repeat;}
    .header .content .en{position:absolute;top: 0px;right: 15px;height: 15vw;line-height: 15vw;}    

    
    .footNav{padding: 10vw 4vw 15vw;display: none;}
    .footer .row{display:none}
    .footer .row .footLogo{margin:0;text-align:center;width: 100%;}
    .footer .row .footLogo img{display:inline-block}
    .footer .copyRight{margin-top:4vw;padding:0 3vw}

	.footer .foot1L{float: none;}
	.footer .foot1{padding:30px 0px;width: 92%;margin: 0 auto;}
	.footer .foot1R{float:none;margin:15px 0px 0px 0px;}
	.footer .foot1 a{margin:0px 20px 10px 0px;}

	.productBox .header{padding: 0px;height: 15.3vw;position: fixed;}









    
}


